<template>
  <h1>日期时间选择器组件</h1>
  <hr>
  <el-date-picker
     type="date"
     v-model="rq"
     format="YYYY-MM-DD"
     value-format="YYYY-MM-DD"
     @change="console.log(rq)"
     placeholder="选择日期"
  ></el-date-picker>
  <hr>
  <el-date-picker
     type="datetimerange"
     v-model="times"
     format="YYYY-MM-DD HH:mm:ss"
     value-format="YYYY-MM-DD HH:mm:ss"
     start-placeholder="开始日期"
     end-placeholder="结束日期"
     range-separator="至"
     @change="f"
  ></el-date-picker>
</template>
<script setup>
import {ref} from "vue";

const rq = ref('');

const times = ref([]);
const f = () => {
  console.log(times.value[0]);
  console.log(times.value[1]);
}
</script>
<style scoped>

</style>